<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title>公众号建设服务平台</title>
    <meta name="keywords" content="手淘,手淘微信,企业微信营销,微信营销案例,微信营销技巧,微信公共平台,微网站,微商城,微店,微小店,微信源码,青岛微信,微盟,微俱聚,小猪CMS,易站宝"/>
    <meta name="description" content="手淘平台是企业微信管理和营销工具,通过手淘平台,用户可以轻松管理自己的微信各类信息,对微信公众账号进行维护、开展智能机器人、微信会员卡在线发优惠劵等活动,对微信营销实现有效监控,极大扩展潜在客户群和实现企业的运营目标"/>
    <link rel="shortcut icon" href="__IMG__/favicon.ico" type="image/vnd.microsoft.icon"/>
    <script type="text/javascript" src="__JS__/jquery.js"></script>
    <script type="text/javascript" src="__JS__/dq.js"></script>
    <script type="text/javascript" src="__JS__/fh.js"></script>
    <script type="text/javascript">
        var cookie = {
            set:function(key,val,time){
                var date=new Date(); //获取当前时间
                var expiresDays=time;  //将date设置为n天以后的时间
                date.setTime(date.getTime()+expiresDays*24*3600*1000); //格式化为cookie识别的时间
                document.cookie=key + "=" + val +";expires="+date.toGMTString();  //设置cookie
            },
            get:function(key){
                /*获取cookie参数*/
                var getCookie = document.cookie.replace(/[ ]/g,"");  //获取cookie，并且将获得的cookie格式化，去掉空格字符
                var arrCookie = getCookie.split(";")  //将获得的cookie以"分号"为标识 将cookie保存到arrCookie的数组中
                var tips;  //声明变量tips
                for(var i=0;i<arrCookie.length;i++){   //使用for循环查找cookie中的tips变量
                    var arr=arrCookie[i].split("=");   //将单条cookie用"等号"为标识，将单条cookie保存为arr数组
                    if(key==arr[0]){  //匹配变量名称，其中arr[0]是指的cookie名称，如果该条变量为tips则执行判断语句中的赋值操作
                        tips=arr[1];   //将cookie的值赋给变量tips
                        break;   //终止for循环遍历
                    }
                }
                return tips;
            },
            delete:function(key){ //删除cookie方法
                var date = new Date(); //获取当前时间
                date.setTime(date.getTime()-10000); //将date设置为过去的时间
                document.cookie = key + "=v; expires =" +date.toGMTString();//设置cookie
            },
        };
    </script>
    <script type="text/javascript">
        //如何已经创建了二维码，则需要强制刷新
        $(document).ready(function () {
            $("html,body").animate({scrollTop: $("#wforder").offset().top}, 3000);
        });
//        wfFocus.set({id: 'wffahuo', pattern: 'wffahuo', time: 3});
    </script>
    <script type="text/javascript">
        function Malert(content) {
            $("#_alert_content").text(content);
            $("#_alert_bg").show();
            $("#_alert_content").show();
        }
        $("document").ready(function () {
            var item = cookie.get("item");
            if(item){
                var a = item.split("|||");
                $(".sku_cur").removeClass("sku_cur");
                $('a[data-open_type='+a[0]+']').addClass("sku_cur");
                $("#item_num").val(1);
                $("#wfpricetemp").val(a[1]);
                $("#wfprice").val(a[1]);
                $("#showprice").html(a[1]);
                $("#wfproduct").val(a[2]);
                $("#showproduct").html(a[2]);
                $("#open_type").val(a[0]);
            }

            $("#_alert_bg").click(function () {
                $("#_alert_bg").hide();
                $("#_alert_content").hide();
            });
            $(".sku_ul a").click(function () {
                var o = $(this);
                if (!o.hasClass("sku_cur")) {
                    $(".sku_cur").removeClass("sku_cur");
                    o.addClass("sku_cur");
                    $("#item_num").val(1);
                    $("#wfpricetemp").val(o.attr("data-price"));
                    $("#wfprice").val(o.attr("data-price"));
                    $("#showprice").html(o.attr("data-price"));
                    $("#wfproduct").val(o.attr("data-sku"));
                    $("#showproduct").html(o.attr("data-sku"));
                    $("#open_type").val(o.attr("data-open_type"));
                    var i = o.attr("data-open_type")+"|||"+o.attr("data-price")
                                + "|||" + o.attr("data-sku");
                    cookie.set("item", i);
                }
            });
            $(".sku_ul_pay a").click(function () {
                var o = $(this);
                if (!o.hasClass("skupay_cur")) {
                    $(".skupay_cur").removeClass("skupay_cur");
                    o.addClass("skupay_cur");
                    $("#wfpay").val(o.attr("data-pay"));
                }
            });
        });
        function numAdd() {
            var num_add = parseInt($("#item_num").val()) + 1;
            if ($("#item_num").val() == "") {
                num_add = 1;
            }
            $("#item_num").val(num_add);
            var total = parseFloat($("#wfpricetemp").val()) * parseInt($("#item_num").val());
            $("#showprice").html(total.toFixed(2));
            $("#wfprice").val(total.toFixed(2));
        }
        function numDec() {
            var num_dec = parseInt($("#item_num").val()) - 1;
            if (num_dec < 1) {
                alert("数量不能小于1件！");
            } else {
                $("#item_num").val(num_dec);
                var total = parseFloat($("#wfpricetemp").val()) * parseInt($("#item_num").val());
                $("#showprice").html(total.toFixed(2));
                $("#wfprice").val(total.toFixed(2));
            }
        }
        function wftgp2(zk) {
            $("#wfform").attr("target", "_parent");
            try {
                var wfprice = $("#wfprice").val() * zk;
                $("#showprice").html(wfprice.toFixed(2));
            } catch (ex) {
            }
        }
        function wftgb2(zk) {
            $("#wfform").attr("target", "_blank");
            try {
                var wfprice = $("#wfprice").val() * zk;
                $("#showprice").html(wfprice.toFixed(2));
            } catch (ex) {
            }
        }
    </script>
    <link href="__CSS__/webapstyle.css" rel="stylesheet" type="text/css">
    <style type="text/css">
        .wrap {
            width: 100%;
            max-width: 950px;
            height: auto;
            overflow: hidden;
            margin: 0 auto;
        }

        .banner {
            width: 100%;
            height: 560px;
            overflow: hidden;
            margin: 0 0 15px;
            background: url("__IMG__/banbg.jpg") center no-repeat;
        }

        .banner .pic {
            width: 1100px;
            height: 560px;
            margin: 0 auto;
            position: relative;
            background: url("__IMG__/banner_03.png") left center no-repeat;
        }

        .banner .showpic {
            width: 223px;
            height: 261px;
            position: absolute;
            left: 47px;
            top: 158px;
            background: #F0F0F0;
            overflow: hidden;
        }

        .banner .showtext {
            width: 750px;
            height: 560px;
            position: absolute;
            left: 310px;
            top: 0;
            background: url("__IMG__/bgtext.png") center no-repeat;
        }

        .banner .showpic img {
            margin-top: 333px;
        }

        #wforder {
            width: 100%;
            background: #FFFFFF;
        }

        .wfwarp, .wforderr {
            border: 1px solid #D4D4D4;
        }

        .wftitlea, .wftitleb {
            border-bottom: 1px solid #D4D4D4;
        }

        .wfsubbox input {
            background: #39B94E;
        }

        .wfsubbox input:hover {
            background: #33A646;
        }

        .leftbox, .rightbox {
            height: auto;
            overflow: hidden;
            margin-bottom: 15px;
        }

        .leftbox {
            float: left;
            width: 65%;
        }

        .rightbox {
            float: right;
            width: 33%;
        }

        h2 {
            padding: 15px 15px 0;
            font-size: 16px;
            color: #666;
        }

        h3 {
            margin-bottom: 15px;
            font-size: 16px;
            color: #666;
        }

        h3 span {
            float: right;
            font-size: 12px;
            font-weight: normal;
            color: #999;
            margin-left: 20px;
            padding-left: 20px;
            background: url("__IMG__/help.gif") no-repeat;
        }

        .service, .contact {
            min-height: 200px;
            border: 1px solid #D4D4D4;
        }

        .service p, .contact p {
            padding: 15px;
            color: #999;
        }

        .bottom {
            width: 100%;
            height: 60px;
            line-height: 60px;
            color: #FFF;
            text-align: center;
            background: #1abd6c;
        }

        /* ---------- PAY ---------- */
        .paytoptl {
            width: 100%;
            height: 60px;
            margin-bottom: 20px;
            border-bottom: 2px solid #BECD82;
            background: #E4EACB;
        }

        .paytop {
            width: 100%;
            height: 60px;
            max-width: 950px;
            margin: 0 auto;
        }

        .paylogo {
            float: left;
            width: 35%;
            height: 60px;
            line-height: 60px;
            font-size: 36px;
            font-weight: bold;
            color: #390;
        }

        .paystep {
            float: right;
            width: 65%;
            height: 60px;
            background: url("__IMG__/paystep.png") right center no-repeat;
        }

        .paybox {
            width: auto;
            height: auto;
            overflow: hidden;
            margin-bottom: 15px;
            padding: 15px;
            border: 1px solid #D4D4D4;
            background: #F7F7F7;
        }

        .paybox p {
            line-height: 1.7em;
        }

        .sku_ul, .sku_ul_pay {
            clear: left;
        }

        .sku_ul li, .sku_ul_pay li {
            display: inline-block;
            _zoom: 1;
            *display: inline;
            margin: 0 15px 10px 0;
        }

        .sku_ul li a, .sku_ul_pay li a {
            height: 28px;
            line-height: 28px;
            padding: 0 15px;
            border: 1px solid #E0E0E0;
            display: inline-block;
        }

        .sku_ul li .sku_cur, .sku_ul_pay li .skupay_cur {
            border: 2px solid #82C92F;
            color: #F00;
            background: url("__IMG__/on.png") right bottom no-repeat;
        }

        .stype {
            float: left;
            width: 70%;
        }

        .sprice {
            float: right;
            width: 30%;
            text-align: right;
        }

        .ddinfo li {
            float: left;
            line-height: 25px;
            width: 33%;
            color: #999;
        }

        .subpay {
            text-align: right;
            margin: 10px 0;
            position: relative;
            overflow: hidden;
        }

        .subpay .to_pay {
            float: left;
            width: 161px;
            height: 50px;
            cursor: pointer;
            border: 0;
            -webkit-appearance: none;
            background: url("__IMG__/paybut.gif") center no-repeat;
        }
        .subpay .back_reset {
            right:0;
            position: absolute;
            bottom: 0;
        }
        .subpay .back_reset a{
            vertical-align: bottom;
        }

        .payfoot {
            width: 100%;
            height: 70px;
            line-height: 70px;
            text-align: center;
            background-color: #F4F4F4;
            position: fixed;
            _position: absolute;
            left: 0;
            bottom: 0;
            z-index: 100;
            _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
            overflow: visible;
        }
    </style>
    <link href="__CSS__/respond.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="__JS__/respond.js"></script>

</head>
<body>
<div class="paytoptl">
    <div class="paytop">
        <div class="paylogo">支付中心</div>
        <div class="paystep"></div>
    </div>
</div>
<div class="wrap" id="wforder">
    <form id="wfform" name="wfform" action="j" method="post" onsubmit="return wfpostcheck()" target="_blank">
        <input type="hidden" name="qrcode" value="" />
        <input type="hidden" name="wfrnmb" value="49df3db0b31ba4d0f9bce2d3711e62af">
        <input type="hidden" name="WFLLURL" id="WFLLURL" value="">
        <input type="hidden" name="WFDDURL" id="WFDDURL" value="">
        <input type="hidden" name="wfggref" value="">
        <input type="hidden" name="wfproname" id="wfproname" value="订阅号+服务号+营销功能（包终身）">
        <input type="hidden" id="wfproduct" name="wfproduct" value="订阅号+服务号+营销功能（包终身）">
        <input type="hidden" id="item_num" name="wfmun" value="1">
        <input type="hidden" id="wfpricetemp" name="wfprice" value="396.00">
        <input type="hidden" id="wfprice" name="wfprice" value="396.00">
        <input type="hidden" name="wfaddress" value="">
        <input type="hidden" name="wfproductb" value="">
        <input type="hidden" name="wfname" value="">
        <input type="hidden" name="wfmob" value="">
        <input type="hidden" name="wfqq" value="">
        <input type="hidden" name="wfguest" value="">
        <input type="hidden" id="wfpay" name="wfpay" value="weixin">
        <input type="hidden" name="wftempid" value="10000">
        <input type="hidden" name="wfismob" value="">
        <input type="hidden" name="wfwxpaytype" value="native">
        <input type="hidden" name="uuid" value="{$apply_info.id}">
        <input type="hidden" id="open_type" name="open_type" value="3" />
        <div class="paybox">
            <SCRIPT LANGUAGE="JavaScript">
                <!--
                var maxtime;
                if (window.name == '') {
                    maxtime = 434;
                } else {
                    maxtime = window.name;
                }

                function CountDown() {
                    if (maxtime >= 0) {
                        minutes = Math.floor(maxtime / 60);
                        seconds = Math.floor(maxtime % 60);
                        msg = "最新活动：公众号所有服务享受限时优惠，目前正在优惠中，请您抓紧时间哦！距离活动结束还有" + minutes + "分" + seconds + "秒";

                        document.getElementById("timer").innerHTML = msg;
                        if (maxtime == 5 * 60) alert('注意，还有5分钟!');
                        --maxtime;
                        window.name = maxtime;
                    } else {
                        clearInterval(timer);
                    }
                }

                timer = setInterval("CountDown()", 1000);

                //-->
            </SCRIPT>

            <div id="timer" style="color:red"></div>

        </div>
        <div class="paybox">
            <h3>选择申请类型</h3>
            <div style="height:auto;overflow:hidden;">
                <div class="stype" style="width: 100%;">
                    <ul class="sku_ul">
                        <volist name="service" id="vo">
                            <li>
                                <if condition="$vo[id] eq 3">
                                    <if condition="$vo[id] lt 4">
                                    <a href="javascript:void(0);" class="sku_cur" data-price="{$vo.price}" data-sku="{$vo.name}" data-open_type="{$vo.id}">{$vo.name}</a>
                                    </if>
                                <else />
                                    <if condition="$vo[id] lt 4">
                                    <a href="javascript:void(0);" class="" data-price="{$vo.price}" data-sku="{$vo.name}" data-open_type="{$vo.id}">{$vo.name}</a>
                                    </if>
                                </if>
                            </li>
                        </volist>
                        <!--
                            <li><a href="javascript:void(0);" class="" data-price="199.00" data-sku="公众号快速注册" data-open_type="5">公众号快速注册</a></li>
                            <li><a href="javascript:void(0);" class="" data-price="300.00" data-sku="订阅号+营销功能（包终身）" data-open_type="1">订阅号+营销功能（包终身）</a></li>
                            <li><a href="javascript:void(0);" class="" data-price="400.00" data-sku="订阅号+服务号+营销功能（包终身）" data-open_type="3">订阅号+服务号+营销功能（包终身）</a>
                        -->
                        </li>
                    </ul>
                </div>
                <div class="sprice">
                    <em class="wfrmb">&yen;</em><em id="showprice">396.00</em>
                </div>
            </div>

            <br>
            <h3>区别和介绍</h3>

            <p>
                1.订阅号每天可以群发一次，服务号每月仅限群发四次。
            </p>
            <p>
                2.营销功能包含：群发功能、粉丝管理、微信自动回复（文字、语音、图文）、客服功能、自定义导航菜单、微信留言板、微信投票、微信抽奖功能、微信刮刮卡功能。
            </p>
            <p>
                3.订阅号+服务号+营销功能：为您同时建设订阅号和服务号，双号齐下，更适合微营销。
            </p>
        </div>
        <div class="paybox">
            <h3>公众号信息</h3>
            <div class="ddinfo">
                <ul>
                    <li>建设服务：<span id="showproduct">订阅号+服务号+营销功能（包终身）</span></li>
                    <li>公众号名称：{$apply_info.wxgzh}</li>
                    <li>申请人姓名：{$apply_info.name}</li>
                    <li style="display: none;">申请人微信昵称：{$apply_info.nickname}</li>
                    <li>手机号码：{$apply_info.phone}</li>
                    <li>QQ号码：{$apply_info.qq}</li>
                    <li>所在地区：{$apply_info.province} &nbsp;{$aapply_info.city}&nbsp;{$aapply_info.area}</li>
                </ul>
            </div>
        </div>
        <div class="paybox">
            <p class="red">亲：只最差最后一步啦！</p></br>
            <p class="red">付款后我们会在2个工作日内尽快安排工作人员联系您的QQ，确认资料并开始建设公众号，以及提供后期服务，请注意查收QQ消息或QQ邮箱。</p></br>
            <p>在线支付完成后，工作人员将帮您建设公众号及营销功能</p>
        </div>
        <div class="paybox">
            <h3>选择支付方式&nbsp;&nbsp;&nbsp;</h3>
            <div class="paytype">
                <ul class="sku_ul_pay">
                    <li>
                        <a href="javascript:void(0);" class="skupay_cur" data-pay="weixin">
                            <img height="20" width="86" src="__IMG__/fkd.gif" disabled />
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);" class="" data-pay="alipay">
                            <img height="20" width="86" src="__IMG__/alipay.gif" disabled />
                        </a>
                    </li>
                </ul>
            </div>
            <div class="subpay">
                <a name="mweb_url" target="_self" href=""></a>
                <div href="javascript:void(0);" onClick="pay_code_show();" class="to_pay"></div>
                <div class="back_reset">
                    <a href="/home/index/" class="red">返回重新填写资料</a>
                </div>
            </div>
        </div>
    </form>
</div>
<div style="width:100%;height:85px;"></div>
<div class="payfoot"><img src="__IMG__/footico.jpg"></div>
<div id="pay_qrcode_show" style="display:none;position:absolute;top:50%; left:50%; width:360px; height:500px; margin-left:-180px; margin-top:-250px; z-index: 999;">
    <img src="__IMG__/close.png" style="position: absolute;right: 3px; top: 3px;" onclick="pay_code_close();"/>
    <img src="__IMG__/pay_qrcode.jpg" style="max-width: 100%;max-height: 100%;">
</div>
<script type="text/javascript" src="__JS__/ToolTip.js"></script>
<script type="text/javascript" src="__JS__/gd.js"></script>
<script type="text/javascript" src="__JS__/bd.js"></script>
<script type="text/javascript">
    var pay_code_show_submit = true;
    function pay_code_show() {
        var browser_type = get_browser_type();
        var refer = window.location.host;
        var pay_mrch = $("input[name=wfpay]").val();
        var open_type_v = $("#open_type").val();
        var uuid = $("input[name=uuid]").val();
        if (pay_code_show_submit) {
            pay_code_show_submit = false;
        } else {
            return false;
        }
        $.ajax({
            url:"/home/index/open_type_save",
            type:"post",
            data:{ uuid: uuid,client:browser_type,open_type: open_type_v, pay_mrch:pay_mrch,refer:refer },
            complete:function(){pay_code_show_submit = true;},
            success:function(data){
                if (data.status == 1) {
                    if(pay_mrch=="weixin"){
                        if(browser_type=='pc'){
                            //进入面对面扫码支付程序
                            window.location.href = "/home/index/wechat_saoma?uuid="+uuid;
                        }else if(browser_type=='wap'){
                            //h5支付不需要跳转，通过ajax生成mweb_url，再模拟点击，进行跳转
                            $.ajax({
                                url:"/home/index/wechat_h5",
                                type:"post",
                                data:{ uuid: uuid},
                                success:function(res){
                                    if(res.status==1){
                                        console.log(res);
                                        var referLink = document.createElement('a');
                                        referLink.href = res.info;
                                        document.body.appendChild(referLink);
                                        referLink.click();
                                    }else{
                                        alert(res.info);
                                        return false;
                                    }
                                }
                            });
                        }else if(browser_type=='wechat'){
                            window.location.href = "/home/index/wechat_jsapi?uuid="+uuid;
                        }else{
                            alert("不支持的支付方式");
                            return false;
                        }
                    }else if(pay_mrch=="alipay"){
                        if(browser_type=='pc'){
                            //进入面对面扫码支付程序
                            var phone = '{$apply_info.phone}';
                            if(phone=='15388094958'){ //测试手机号
                                window.location.href = "/home/index/alipay_web?uuid="+uuid;
                            }else{
                                window.location.href = "/home/index/alipay_f2f?uuid="+uuid;
                            }
                        }else if(browser_type=='wap'){
                            //进入手机网站支付程序
                            window.location.href = "/home/index/alipay_wap?uuid="+uuid;
                        }else{  //微信浏览器不支持支付宝支付
                            alert("不支持的支付方式");
                            return false;
                        }
                    }else{
                        alert("不支持的支付方式");
                        return false;
                    }
                } else {
                    alert(data.info);
                }
            }
        });
    }

    function pay_code_close() {
        $("#pay_qrcode_show").hide(500);
    }

    function get_browser_type(){
        // 获取浏览器信息
        var sUserAgent = navigator.userAgent.toLowerCase();
        if (sUserAgent.match(/MicroMessenger/i) == 'micromessenger') { // 微信支付
            return "wechat";
        } else {
            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
            var bIsMidp = sUserAgent.match(/midp/i) == "midp";
            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
            var bIsAndroid = sUserAgent.match(/android/i) == "android";
            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
            if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { // H5支付
                return "wap";
            } else { // PC端
                return "pc";
            }
        }
    }
</script>
</body>
</html>